<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- TemplateBeginEditable name="doctitle" -->
<title></title>
<!-- TemplateEndEditable -->
<link rel="stylesheet" href="style.css" />
<link type="text/css" href="Templates/css/excite-bike/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
<script type="text/javascript" src="Templates/js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="Templates/js/jquery-ui-1.8.13.custom.min.js"></script>
<script type="text/javascript" src="Templates/js/scripts.js"></script>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:79px;
	top:485px;
	width:153px;
	height:34px;
	z-index:1;
}
-->
</style>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>
<body onload="MM_preloadImages('images/button/search-after.png','images/button/save-after.png','images/button/cancel-after.png')">
<div id="header">
  <div id="header-layer1">
    <div id="header-wrapper">
      <div class="logo align-left"> <img src="images/logo.png" alt="" class="logo-img" /> </div>
      <div class="menu-link align-left"> 
        <!--
					<div class="header-nav">
						<ul>
							<li>
								<a href="">Link 1</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
							<li>
								<a href="">Link 2</a>
								<ul class="sub-menu">
									<li><a href="">Sub link 1</a></li>
									<li><a href="">Sub link 2</a></li>
								</ul>
							</li>
						</ul>
					</div>
					--> 
      </div>
      <div class="social align-right"> <a href="" class="login-btn">Login</a><span class="sperator">|</span> <a href="#" class="join-with-btn">Join with <img src="images/facebook.png" alt="" /></a> </div>
    </div>
  </div>
</div>
<div id="content">
  <div id="content-wrapper"> <!-- TemplateBeginEditable name="child-content" -->
    <div class="large">
      <form action="">
        <table>
          <thead>
            <tr>
              <td colspan="5" id="textarea">Assign student</td>
            </tr>
          </thead>
          <tfoot>
          </tfoot>
          <tbody>
            <tr>
              <td width="10%" align="right">Parent</td>
              <td colspan="2"><input type="text" size="50" /></td>
              <td width="10%"></td>
              <td width="35%" align="center">&nbsp;</td>
            </tr>
            <tr>
              <td align="right">Email</td>
              <td colspan="2"><input type="password" size="50" /></td>
              <td></td>
              <td width="35%" align="center">&nbsp;</td>
            </tr>
            <tr>
              <td align="right">Student</td>
              <td width="30%"><input type="text" /></td>
              <td width="15%" align="right">Grade level</td>
              <td><input type="text" /></td>
              <td width="35%" rowspan="2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('search student','','images/button/search-after.png',1)"><img src="images/button/search-but.png" name="search student" width="162" height="48" border="0" id="search student" /></a></td>
            </tr>
            <tr>
              <td align="right">Teacher</td>
              <td><input type="text" /></td>
              <td align="right">Class</td>
              <td><input type="text" /></td>
            </tr>
            <tr>
              <td colspan="5"><table>
                  <tr>
                    <td bgcolor="#CCCCCC">&nbsp;</td>
                    <td bgcolor="#CCCCCC">Student name</td>
                    <td bgcolor="#CCCCCC">Class</td>
                    <td bgcolor="#CCCCCC">Grade level</td>
                    <td bgcolor="#CCCCCC">Teacher</td>
                  </tr>
                  <tr>
                    <td><input name="check" type="checkbox" value="" /></td>
                    <td>Rocky</td>
                    <td>3A3</td>
                    <td>3</td>
                    <td>Mr Jack</td>
                  </tr>
                  <tr>
                    <td><input name="check" type="checkbox" value="" /></td>
                    <td>Nicky</td>
                    <td>3A3</td>
                    <td>3</td>
                    <td>Mr Jack</td>
                  </tr>
                </table></td>
            </tr>
            <tr>
              <td colspan="5">
                <ul class="navigation">
                  <li><a href="#"> << </a></li>
                  <li><a href="#">1</a></li>
                  <li><a href="#">2</a></li>
                  <li><a href="#">3</a></li>
                  <li><a href="#"> >> </a></li>
              </ul></td>
            </tr>
            <tr>
            <td colspan="5" align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('save_','','images/button/save-after.png',1)"><img src="images/button/save.png" name="save_" border="0" id="save_" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('cancel','','images/button/cancel-after.png',1)"><img src="images/button/cancel.png" name="cancel" width="154" height="55" border="0" id="cancel" /></a></td>
            </tr>
          <tr class="tfoot">
            	<td colspan="5" id="textarea">&nbsp;</td>
            </tr>
          </tbody>
        </table>
      </form>
      <div class="fimg"><img src="images/child.png" /></div>
    </div>
    <!-- TemplateEndEditable --></div>
</div>
<div id="footer">
  <div id="footer-wrapper">
    <div class="copyright">
      <div class="facebook-like-btn align-left"> Lorem ipsum dolor sit amet </div>
      <div class="copy-text align-right">
        <p>Please help us improve HappyShoolMeals.com. Please <a href="#" >take the user survey and give us feedback</a> </p>
      </div>
    </div>
    <div class="footer-link">
      <div class="primary-link">
        <ul>
          <li><a href="">About us</a></li>
          <li><a href="">HappyschoolBlog</a></li>
          <li><a href="">FAQs</a></li>
          <li><a href="">Terms</a></li>
          <li><a href="">Contact HappySchoolMeal</a></li>
          <li><a href="">Privacy Policy</a></li>
          <li><a href="">Disclosures</a></li>
        </ul>
      </div>
      <div class="secondary-link">
        <ul>
          <li> <a href="" class="link-1">Link Here </a> </li>
          <li> <a href="" class="link-2">Link Here</a> </li>
          <li> <a href="" class="link-3">Link Here</a> </li>
          <li> <a href="" class="link-4">Link Here</a> </li>
          <li> <a href="" class="link-5">Link Here</a> </li>
          <li> <a href="" class="link-6">Link Here</a> </li>
          <li> <a href="" class="link-7">Link Here</a> </li>
          <li> <a href="" class="link-8">Link Here</a> </li>
          <li> <a href="" class="link-9">Link Here</a> </li>
          <li> <a href="" class="link-10">Link Here</a> </li>
          <li> <a href="" class="link-11">Link Here</a> </li>
          <li> <a href="" class="link-12">Link Here</a> </li>
          <li> <a href="" class="link-13">Link Here</a> </li>
          <li> <a href="" class="link-14">Link Here</a> </li>
          <li> <a href="" class="link-15">Link Here</a> </li>
          <li> <a href="" class="link-16">Link Here</a> </li>
          <li> <a href="" class="link-17">Link Here</a> </li>
          <li> <a href="" class="link-18">Link Here</a> </li>
          <li> <a href="" class="link-19">Link Here</a> </li>
          <li> <a href="" class="link-20">Link Here</a> </li>
        </ul>
      </div>
    </div>
  </div>
</div>
</body>
</html>